﻿<!DOCTYPE html>
<html ng-app>
<head>
    <meta charset="utf-8" />
    <title>Angular Evento</title>
    @Styles.Render("~/Content/css")
</head>
<body ng-controller="AppController">

    Cliente Selecionado<br />
    <br />
    Nome: {{nome}}<br />
    <br />
    <br />
    Lista de Clientes
    <br />

    <div class="tabela">
        <div class="linha" ng-repeat="cliente in clientes">
            <div class="celula" ng-click="mostrar(cliente);">{{cliente.Nome}}</div>
        </div>
    </div>

    <script src="~/Scripts/angular.js"></script>
    <script>
        function AppController($scope) {
            $scope.clientes = [
                { "Nome": "Moisés" },
                { "Nome": "Lucia" },
                { "Nome": "Maria" }
            ];

            $scope.mostrar = function (modelo) {
                $scope.nome = modelo.Nome;
            }
        }
    </script>
</body>
</html>
